@charset "utf-8";
/* CSS Document by fernando*/
@font-face { 
font-family: Good Times; 
src: url('http://www.mediafont.com/storage/contents/92/font.eot'); /* IE */ src: local('Good Times'), url('http://www.mediafont.com/storage/contents/92/GOODTIME.ttf'); /* non-IE */ }
body {
	color: #000;
	font-size: 11px;
	font-family: Trebuchet MS,Arial, Tahoma;
	background-color: #222;
	width: 960px;
	height: 730px;
	margin: auto;
}
#pagina_inicio > img {
	position: absolute;
	height: 200px;
}
#ff {
	width: 960px;
	height: 700px;
	z-index: -1;
}
label {
	font-size: 15px;
	font-family: Trebuchet MS,Arial;
}
#log_fail {
	color: #ff0000;
	margin-left: 140px;
	font-weight: bold;
}
#informacion {
	width: 960px;
	height: 200px;
	background: url(../imagenes_referencia_pag/content_peq.jpg) no-repeat center;
}
#informacion label {
	text-shadow: 0.1em 0.1em #333;
	font-weight: bold;
}
#contenedor_index {
	width: 960px;
	height: 550px;
	background: url(../imagenes_referencia_pag/inicio.jpg) no-repeat ;
	margin-top: -15px;
}
#texto {
	position: absolute;
	margin: 15px;
	margin-left: 100px;
	width: 400px;
	height: 150px;
	text-align: center;
}
#contenedor_index > div > p {
	font: 14px bold;
	font-family: Good Times,Arial, Tahoma;
	color: #000;
	float: left;
}
.titulo {
	font: 20px bold;
	font-family: Good Times,Arial, Tahoma;
	color: #FFCC33;
	float: right;
	margin-right: 20px;
}
#pagina_inicio {
	width: 960px;
	height: 700px;
	margin: 0 auto;
}
#Login {
	margin:0 auto;
	margin-left:40px;
	width: 400px;
	height: 150px;
	padding-bottom:15px;
	float:right;
	margin-top:20px;
	color: #fff;
}
#Login form {	margin-top:30px;}
.log {
	margin: 0px;
	padding: 0px;
	height: 30px;
	margin-bottom: -15px;
}
.log label {
	margin-left: 30px;
}
.log input {
	float: right;
	width: 230px;
	margin-left: 0px;
	margin-right: 40px;
}
#Registro {
	position: absolute;
	margin:0 auto;
	margin-top:20px;
	margin-left: 530px;
	width: 400px;
	height: 370px;
	float: right;
	padding-bottom:15px;
	background-color: #FF6600;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	opacity: 0.4;
}
#registro1 {
	position: absolute;
	margin:0 auto;
	margin-top:20px;
	margin-left: 530px;
	width: 400px;
	height: 360px;
	float: right;
	padding-bottom:15px;
	color: #fff;
	z-index: 2;
}
#registro1 > .titulo {margin-right: 0px;}
#registro1 label {
	font-weight: bold;
	text-shadow: 0.1em 0.1em #333;
}
#registro1 form {margin-top: 20px;}
.div {
	margin: 0px;
	padding: 0px;
	height: 25px;
	margin-bottom: -10px;
}
.div2 {
	margin: 0px;
	padding: 0px;
	height: 25px;
}
.div input {
	float: right;
	width: 240px;
	margin-left: 0px;
	margin-right: 30px;
}
.div select {
	float: right;
	width: 240px;
	margin-left: 0px;
	margin-right: 40px;
}
.div label {	
	margin-left: 30px;
}
#pa {	margin-top: 20px;}
.fecha {
	float: right;
	margin-left: 0px;
	margin-right: 160px;
	margin-top: -15px;
}
#fechaD {	width: 20px;}
#fechaM {	width: 20px;}
#fechaA {	width: 40px;}
.div2 label {	margin-left: 40px;}
#contrato {
	margin-top: 20px;
	margin-right: 30px;
	font-weight: bold;
	font-size: 15px;
	text-shadow: 0.1em 0.1em #333;
	float: right;
}
#contrato a {color: #fff;}
.error {
	margin-left: 270px;
	position: absolute;
	float: right;
	color: red;
}
.error2 {
	margin-right: 50px;
	position: absolute;
	float: right;
	color: red;
}
input {
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:1px solid rgba(0,0,0, 0.2);
    color:gray;
    background-color:#eee;
    padding: 3px;
}
input:focus {
    box-shadow: 0 0 15px lightgreen;
    -webkit-box-shadow: 0 0 15px lightgreen; 
    -moz-box-shadow: 0 0 15px lightgreen;
    -o-box-shadow: 0 0 15px lightgreen;
    -ms-box-shadow: 0 0 15px lightgreen;
    border:1px solid green; 
}
.botonazo {
	margin: 20px;
	margin-left: 100px;
	color: #fff;
	width: 200px;
	height: 35px;
	padding: 5px;
	border-radius: 5px;
	font: bold 16px;
	font-family: Good Times,Arial, Tahoma;
    background-color: #8AC23C;
}
.botonazo:hover {	
	box-shadow: 0 0 15px lightgreen;
    -webkit-box-shadow: 0 0 15px lightgreen; 
    -moz-box-shadow: 0 0 15px lightgreen;
    -o-box-shadow: 0 0 15px lightgreen;
    -ms-box-shadow: 0 0 15px lightgreen;
    border:1px solid green; 
}
#derechos {
	margin-top:-50px;
	width: 930px;
	border-top: 1px #fff solid;
	text-align: center;
	position: absolute;
	font-family: Good Times,Arial, Tahoma;
	font-size: 12px;
	color: #fff;
}
#derechos span {
	font-size: 15px;
	font-family: Trebuchet MS,Arial, Tahoma;
}